<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../lib/echarts.min.js"></script>
</head>

<body>
  <div id="echarts" style="width: 600px;height:400px;"></div>
  <script>
    let mCharts = echarts.init(document.getElementById('echarts'))
    const option = {
      series: [
        {
          type: 'gauge',
          data: [
            {
              value: 97,
              itemStyle:{
                color:'red'
              }
            },
            {
              value: 50,
              itemStyle:{
                color:'teal'
              }
            }
          ],
          min: 20,// 最小值
          max: 200 //最大值
        }
      ]
    }
    mCharts.setOption(option)
  </script>
</body>

</html>